<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../../assert/css/font.css" th:href="@{/assert/css/font.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap.min.css" th:href="@{/assert/css/bootstrap.min.css}"/>
    <link rel="stylesheet" href="../../../assert/css/plugin/chosen/chosen.css" th:href="@{/assert/css/plugin/chosen/chosen.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap-table.css" th:href="@{/assert/css/bootstrap-table.css}"/>
    <link href="../../../assert/css/animate.min.css" rel="stylesheet" th:href="@{/assert/css/animate.min.css}">
    <link href="../../../assert/css/plugin/toastr/toastr.min.css" rel="stylesheet"
          th:href="@{/assert/css/plugin/toastr/toastr.min.css}">
    <link href="../../../assert/css/plugin/jsTree/style.min.css" rel="stylesheet"
          th:href="@{/assert/css/plugin/jsTree/style.min.css}">
    <link href="../../../assert/css/loaders.css" rel="stylesheet"
          th:href="@{/assert/css/loaders.css}">
    <link rel="stylesheet" href="../../../assert/css/jquery-ui.css" th:href="@{/assert/css/jquery-ui.css}"/>
    <link rel="stylesheet" href="../../../assert/css/index.css" th:href="@{/assert/css/index.css(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"/>
</head>
<body>
<a id="basePath" th:href="@{/}"></a>
<div class="wrapper wrapper-content">
    <div class="ibox">
        <div class="tools_bar">
            <div class="pull-left">
                <a href="#" class="btn btn-default active" id="btnSearch" title="隐藏查询条"><i class="fa fa-filter"></i> 隐藏</a>
                <a href="#" class="btn btn-default active" id="refresh"><i class="fa fa-refresh"></i> 刷新</a>
            </div>
        </div>
        <div class="search on">
            <div class="search_group">
                <label class="control-label">省份：</label>
                <div class="control-inline">
                    <select type="text" id="callerloc"  value=""  class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group" style="display: none">
                <label class="control-label">质检任务名称：</label>
                <div class="control-inline">
                    <select type="text" id="taskName"  value=""  class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group hidden">
                <label class="control-label">任务类型：</label>
                <div class="control-inline">
                    <select type="text" id="taskType" value="" class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">呼叫类型：</label>
                <div class="control-inline">
                    <select type="text" id="callDirection"  value=""  class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">录音流水号：</label>
                <div class="control-inline">
                    <input type="text" id="serialNumber"  class="form-control search_input" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">坐席班组：</label>
                <div class="control-inline">
                    <select type="text" id="seatGroup"  value=""  class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">坐席工号：</label>
                <div class="control-inline">
                    <input type="text" id="seatId"  class="form-control search_input" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">坐席姓名：</label>
                <div class="control-inline">
                    <input type="text" id="seatName"  class="form-control search_input" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">客户号码：</label>
                <div class="control-inline">
                    <input type="text" id="customerNumber"  class="form-control search_input" autocomplete="off">
                </div>
            </div>


            <div class="search_group">
                <label class="control-label">挂机方：</label>
                <div class="control-inline">
                    <select type="text" id="onHook"  value=""  class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">是否重复来电：</label>
                <div class="control-inline">
                    <select type="text" id="reCallFlag"  value=""  class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">满意度：</label>
                <div class="control-inline">
                    <select type="text" id="agree" value="" class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">通话时间：</label>
                <div class="control-inline">
                    <input placeholder="开始日期" class="form-control layer-date search_input" id="start" autocomplete="off"> -
                    <input placeholder="结束日期" class="form-control layer-date search_input" id="end" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">通话时长：</label>
                <div class="control-inline">
                    <input type="text" style=" width: 80px;" id="holdDurationMin" autocomplete="off"> 秒 - <input type="text" id="holdDurationMax" style=" width: 80px;" autocomplete="off"> 秒
                </div>
            </div>
            <div class="search_group">
                <button id="search" class="btn  btn-primary">查询</button>
                <button id="reset" class="btn  btn-default">重置</button>
                <button id="export" class="btn  btn-default">导出</button>
            </div>
        </div>
        <table id="myTable"></table>
    </div>
</div>
<div th:text="${provinceCode}" id="provinceCodeE" class="hidden"></div>
<div th:text="${seatGroup}" id="seatGroupE" class="hidden"></div>
<div th:text="${seatId}" id="seatIdE" class="hidden"></div>
<div th:text="${customerNumber}" id="customerNumberE" class="hidden"></div>
<div th:text="${callStartTime}" id="callStartTimeE" class="hidden"></div>
<div th:text="${callEndTime}" id="callEndTimeE" class="hidden"></div>
<div th:text="${reCallFlag}" id="reCallFlagE" class="hidden"></div>
<div th:text="${sat}" id="satE" class="hidden"></div>
<div th:text="${hu}" id="huE" class="hidden"></div>

<script src="../../../assert/js/jquery.js" th:src="@{/assert/js/jquery.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/bootstrap.min.js" th:src="@{/assert/js/bootstrap.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/bootstrap-table.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/bootstrap-table.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/bootstrap-table-mobile.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/bootstrap-table-mobile.min.js}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
<script src="../../../assert/js/plugin/toastr/toastr.min.js"
        th:src="@{/assert/js/plugin/toastr/toastr.min.js}"></script>
<script src="../../../assert/js/base.js" th:src="@{/assert/js/base.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/jquery-ui.min.js" th:src="@{/assert/js/jquery-ui.min.js}"></script>
<script src="../../../assert/js/plugin/layer/laydate/laydate.js"
        th:src="@{/assert/js/plugin/layer/laydate/laydate.js}"></script>
<script src="../../../assert/js/changeTime.js" th:src="@{/assert/js/changeTime.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/jsTree/jstree.min.js"
        th:src="@{/assert/js/plugin/jsTree/jstree.min.js}"></script>
<script src="../../../assert/js/plugin/chosen/chosen.jquery.js" th:src="@{/assert/js/plugin/chosen/chosen.jquery.js}"></script>
<script src="../../../assert/js/contabs.min.js" th:src="@{/assert/js/contabs.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/common.js" th:src="@{/assert/js/common.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script>
    //项目名称
    var basePath = $("#basePath").attr("href");
    var TableInit = function () {
        var oTableInit = new Object();
        var url = basePath + "/rest/audio-search/get-data-by-mes";
        //初始化Table
        oTableInit.Init = function () {
            $('#myTable').bootstrapTable({
                url: url,         //请求后台的URL（*）
                method: 'post',                      //请求方式（*）
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                sortable: true,                     //是否启用排序
                sortOrder: "asc",                   //排序方式
                sortName: "customerloc", //排序方式
                pagination: true,                   //是否显示分页（*）
                queryParams: oTableInit.queryParams,//传递参数（*）
                responseHandler: function (res) {
                    if (res.code != 0) {
                        toastrCog.error(res.msg, 3000);
                    }
                    tools.tableData=res.data;

//                    for(var i=0;i<res.data.length;i++){
//                        for(var key in res.data[i].voiceInfo){
//                            res.data[i][key]= res.data[i].voiceInfo[key];
//                        }
//                        if(res.data[i].workScores && res.data[i].workScores.length>0){
//                            var workName=res.data[i].workScores[0].workName;
//                            var workId=res.data[i].workScores[0].workId;
//                            var preQuality=res.data[i].workScores[0].preQuality;
//                            res.data[i].workName=workName;
//                            res.data[i].workId=workId;
//                            res.data[i].preQuality=preQuality;
//                        }
//
//
//                    }
                    return {
                        "total": res.count,//总页数
                        "rows": res.data   //数据
                    };
                },
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
                search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                contentType: "application/x-www-form-urlencoded",
                strictSearch: true,
                showColumns: false,                  //是否显示所有的列
                showRefresh: false,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                uniqueId: "no",                     //每一行的唯一标识，一般为主键列
                showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,
                cellStyle: {
                    css: {"background-color": "#fff"}
                },//是否显示父子表
                onDblClickRow: function (row,elem) {
                    elem.find(".J_menuItem").click();
                },
                columns: [
                    {
                        checkbox: true, // 显示一个勾选框
                        align: 'center' // 居中显示
                    },
                    {
                        align: "center",
                        halign: "center",
                        title: '序号',//标题  可不加
                        width: 60,
                        formatter: function (value, row, index) {
                            var getOptions = $("#myTable").bootstrapTable('getOptions');
                            var pagenum = getOptions.pageNumber;
                            var pagesize = getOptions.pageSize;
                            var st = (pagenum - 1) * pagesize;
                            return (st + index + 1) + "";
                        }
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'province',
                        title: '省份',
                        sortable: true
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'callDirection',
                        title: '呼叫类型',
                        sortable: true,
                        formatter: function (value, row, index) {
                            return  bs.changeState(value, tools.callDirectionArr);
                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'serialNumber',
                        title: '录音流水号',
                        sortable: true
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'seatGroup',
                        title: '坐席班组',
                        sortable: true
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'seatId',
                        title: '坐席工号',
                        sortable: true,
//                        formatter:function(value, row, index){
//                            return tools.getNameInId(value);
//                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'seatName',
                        title: '坐席姓名',
                        sortable: true,
//                        formatter:function(value, row, index){
//                            return tools.getNameInId(value);
//                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'customerNum',
                        title: '客户号码',
                        sortable: true
                    },{
                        align: "right",
                        halign: "center",
                        field: 'holdDuration',
                        title: '通话时长(秒)',
                        sortable: true
                    },{
                        align: "center",
                        halign: "center",
                        field: 'callStartTime',
                        title: '通话开始时间',
                        sortable: true
                    },{
                        align: "center",
                        halign: "center",
                        field: 'callEndTime',
                        title: '通话结束时间',
                        sortable: true
                    },{
                        align: "center",
                        halign: "center",
                        field: 'onHook',
                        title: '挂机方',
                        sortable: true,
                        formatter: function (value, row, index) {
                            return bs.changeState(value, tools.onHookArr);
                        }
                    },{
                        align: "center",
                        halign: "center",
                        field: 'reCallFlag',
                        title: '是否重复来电',
                        sortable: true,
                        formatter: function (value, row, index) {
                            return  bs.changeState(value, tools.reCallFlagArr);
                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'satisfaction',
                        title: '满意度',
                        sortable: true,
                        formatter: function (value, row, index) {
                            return bs.changeState(value, tools.agreeArr);
                        }
                    },{
                        field: 'Button',
                        title: '操作',
                        formatter:function(value,row,index){
                            var workId = row.workId;
                            var proStatus =row.proStatus;
                            var seatGroup = row.seatGroup;
                            var seatId = row.seatId;
                            var customerNumber = row.customerNum;
                            var callStartTime =row.callStartTime;
                            var callEndTime = row.callEndTime;
                            var serialNumber = row.serialNumber;
                            var params={
                                workId:workId,
                                callStartTime:callStartTime,
                                callEndTime:callEndTime,
                                seatGroup:seatGroup,
                                seatId:seatId,
                                proStatus:proStatus,
                                customerNumber:customerNumber,
                                serialNumber:serialNumber,
                                jumpType:"audio"
                            };
                            var href=basePath+"/rest/page/audioDetail?"+$.param(params);
                            return [
                                '<a href="'+href+'" class="fa fa-eye  handleBtn J_menuItem" id="lookDetail" title="查看详情" data-index="'+customerNumber+'" data-txt="'+customerNumber+'-详情"></a>'
                            ].join("");
                        },
                        events: {
                            'click #lookDetail': function(e, value, row, index) {

                            }
                        }
                    }
                ],
                onLoadSuccess: function (data) {  //加载成功时执行
                    resize.me(1);
                    if (!data.total||data.total == 0) {
                        var src=basePath+"/assert/image/nodata.png";
                        $(".no-records-found").find("td").html('<img src="'+src+'" th:src="@{/assert/image/nodata.png}" style="width:165px;" alt="">');
                    }
                },
                onLoadError: function () {  //加载失败时执行
                    var src=basePath+"/assert/image/nodata.png";
                    $(".no-records-found").find("td").html('<img src="'+src+'" th:src="@{/assert/image/nodata.png}" style="width:165px;" alt="">');
                },
                formatLoadingMessage: function () {
                    return '<div class="loaded">' +
                        '<div class="loader">' +
                        '<div class="loader-inner line-scale-pulse-out">' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '</div>' +
                        '</div>' +
                        '</div>'+
                        '<div>请稍等，数据正在加载中...</div>';
                }
            });
        };
        //得到查询的参数
        oTableInit.queryParams = function (params) {
            var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                pageNum: params.offset,   //页面大小
                pageSize: params.limit,
                sortName: this.sortName,
                sortOrder: this.sortOrder,
                provinceCode: $("#callerloc").val(),
                callDirection: $("#callDirection").val(),
                workId: $("#taskName").val(),
                serialNumber: $("#serialNumber").val(),
                onHook: $("#onHook").val(),
                seatGroup: $("#seatGroup").val(),
                seatId: $("#seatId").val(),
                seatName: $("#seatName").val(),
                customerNumber: $("#customerNumber").val(),
                callStartTime: $("#start").val(),
                callEndTime: $("#end").val(),
                holdDurationMin: $("#holdDurationMin").val(),
                holdDurationMax: $("#holdDurationMax").val(),
                reCallFlag: $("#reCallFlag").val(),
                satisfaction: $("#agree").val(),
                preQuality:$("#taskType").val()
            };
            return temp;
        };
        return oTableInit;
    };
    var resize = {
        init: function () {
            resize.me(1);
            $(window).resize(function () {
                resize.me();
            })
        },
        me: function (one) {
            var winW = $(window).width();
            var winH = $(window).height();
            if(one){
                $(".ibox").width(winW);
            }else{
                $(".ibox").width(winW-20);
            }
            $(".ibox").height(winH - 20);
            $(".fixed-table-body").css("maxHeight",(winH -$(".tools_bar").height()-9-$(".search").height()-60- 35)+"px");
        }
    };
    var tools={
        proArr: [],//用来存储省份数据
        taskArr: [],//用来存储任务数据
        seatGroupArr: [],//用来存储坐席班组数据
        seatIdArr: [],//用来存储坐席工号数据
        seatNameArr: [],//用来存储坐席工号数据
        callDirectionArr: [],//用来存储呼叫类型状态
        onHookArr: [],//用来存储挂机方状态
        reCallFlagArr: [],//用来存储重复来电状态
        agreeArr: [],//用来存储满意度状态
        taskTypeArr:[],//用来存储满意度状态
        init:function(){
            tools.getTaskNameData();
            tools.dataTime();
            bs.selectDown($("#callDirection"),tools.callDirectionArr);
            bs.selectDown($("#reCallFlag"),tools.reCallFlagArr);
            tools.getTaskType();
            tools.getHook();
            tools.getSatStatus();
            tools.getReCallFlag();
            tools.getCallDirection();
            tools.selectProvince();
            tools.getSeatGroup("");
            tools.getSeatId(tools.getIdInCode($("#callerloc").val()),$("#seatGroup").val());
            tools.tabSearch();
            tools.search();
            tools.reset();
            tools.refresh();
            tools.initSearch();
            $("#callerloc").on("change", function (event, sel) {
                var code=sel.selected;
                var id=tools.getIdInCode(code);
                tools.getSeatGroup(id);
            });
            $("#seatGroup").on("change", function (event, sel) {
                var id=sel.selected;
                tools.getSeatId(tools.getIdInCode($("#callerloc").val()),id);
            });
        },
        getTaskType: function () {
            var dataArr = bs.getStatus("work_type");
            Object.assign(tools.taskTypeArr,dataArr);//es6复制数组的方法
            bs.selectDown($("#taskType"), tools.taskTypeArr);
        },
        getHook: function () {
            var dataArr = bs.getStatus("audio_onhook");
            Object.assign(tools.onHookArr,dataArr);//es6复制数组的方法
            bs.selectDown($("#onHook"), tools.onHookArr);
        },
        getSatStatus: function () {
            var dataArr = bs.getStatus("audio_satisfaction");
            Object.assign(tools.agreeArr,dataArr);//es6复制数组的方法
            bs.selectDown($("#agree"), tools.agreeArr);
        },
        getReCallFlag:function(){
            var dataArr = bs.getStatus("recall_flag");
            Object.assign(tools.reCallFlagArr,dataArr);//es6复制数组的方法
            bs.selectDown($("#reCallFlag"), tools.reCallFlagArr);
        },
        getCallDirection:function(){
            var dataArr = bs.getStatus("call_direction");
            Object.assign(tools.callDirectionArr,dataArr);//es6复制数组的方法
            bs.selectDown($("#callDirection"), tools.callDirectionArr);
        },
        initSearch:function(){
            $("#callerloc").val($("#provinceCodeE").text()).trigger("chosen:updated");
            $("#seatGroup").val($("#seatGroupE").text()).trigger("chosen:updated");
            $("#seatId").val($("#seatIdE").text());
            $("#customerNumber").val($("#customerNumberE").text());
            $("#start").val($("#callStartTimeE").text());
            $("#end").val($("#callEndTimeE").text());
            $("#reCallFlag").val($("#reCallFlagE").text()).trigger("chosen:updated");
            $("#agree").val($("#satE").text()).trigger("chosen:updated");
            $("#callDirection").val($("#huE").text()).trigger("chosen:updated");
        },
        selectProvince: function () {
            tools.proArr =bs.getProvince();
            bs.selectDown($("#callerloc"), tools.proArr, "");
        },
        getSeatGroup:function(id){
            if($("#userIdentity",parent.document).text()=="0"){
                tools.seatGroupArr =bs.getMeSeatGroupData();
            }else{
                tools.seatGroupArr =bs.getSeatGroupData(id);
            }
            bs.selectDown($("#seatGroup"), tools.seatGroupArr,"");
        },
        getSeatId:function(areaId,seatGroupId){
            if($("#userIdentity",parent.document).text()=="0"){
                tools.seatIdArr=bs.getMeSeatData("account");
                tools.seatNameArr=bs.getMeSeatData("realName");
            }else{
                tools.seatIdArr=bs.getSeatData(areaId, seatGroupId,"account");
                tools.seatNameArr=bs.getSeatData(areaId, seatGroupId,"realName");
            }
            $("#seatId").autocomplete({
                source: tools.seatIdArr
            });
            $("#seatName").autocomplete({
                source: tools.seatNameArr
            });
            if(tools.seatIdArr.length==1){
                $("#seatId").val(tools.seatIdArr[0]).prop("disabled",true);
                $("#seatName").val(tools.seatNameArr[0]).prop("disabled",true);
            }else{
                $("#seatId").prop("disabled",false);
            }
        },
        getIdInCode:function(code){//根据省份id获取code
            var id="";
            for(var i=0;i<tools.proArr.length;i++){
                if(tools.proArr[i].code==code){
                    id=tools.proArr[i].id;
                    break;
                }
            }
            return id;
        },
        getNameInId: function (id) {//根据id称获取name
            var name = "";
            for (var i = 0; i < tools.seatIdArr.length; i++) {
                if (tools.seatIdArr[i].id == id) {
                    name = tools.seatIdArr[i].account;
                    break;
                }
            }
            return name;
        },
        getIdInName: function (account) {//根据工号名称获取id
            var id = "";
            for (var i = 0; i < tools.seatIdArr.length; i++) {
                if (tools.seatIdArr[i].account == account) {
                    id = tools.seatIdArr[i].id;
                    break;
                }
            }
            return id;
        },
        getTaskNameData: function () {
            tools.taskArr=bs.getTaskNameData();
            bs.selectDown($("#taskName"), tools.taskArr,"");
        },
        dataTime: function () {
            //日历
            var start = {
                elem: "#start",
                format: "YYYY-MM-DD hh:mm:ss",
                min: "1600-01-01 00:00:00",
                max: "2099-06-16 23:59:59",
                istime: true,
                istoday: false,
                choose: function (datas) {
                    end.min = datas;
                    end.start = datas
                },
                cls: function () {
                    end.min = '';//清空后清除结束日的最小日期
                }
            };
            var end = {
                elem: "#end",
                format: "YYYY-MM-DD hh:mm:ss",
                min: "1600-01-01 00:00:00",
                max: "2099-06-16 23:59:59",
                istime: true,
                istoday: false,
                choose: function (datas) {
                    start.max = datas
                },
                cls: function () {
                    start.max = '';//清空后清除结束日的最小日期
                }
            };
            laydate(start);
            laydate(end);
        },
        tabSearch:function(){
            var search=$(".search");
            $("#btnSearch").on("click",function(){
                if(search.hasClass("on")){
                    search.slideUp();
                    search.removeClass("on");
                    $("#btnSearch").html('<i class="fa fa-filter"></i> 查询').attr("title","显示查询条");
                }else{
                    search.slideDown();
                    search.addClass("on");
                    $("#btnSearch").html('<i class="fa fa-filter"></i> 隐藏').attr("title","隐藏查询条");
                }

            });
        },
        search:function(){
            $("#search").on("click",function(){
                tools.tableRefresh();
            })
        },
        tableRefresh: function () {
            $("#myTable").bootstrapTable('refreshOptions', {pageNumber:1});
            $("#myTable").bootstrapTable('refresh');
        },
        reset:function(){
            $("#reset").on("click",function(){
                $(".search input").val("");
                tools.resetSelect($("#taskName"));
                tools.resetSelect($("#callDirection"));
                tools.resetSelect($("#pro"));
                tools.resetSelect($("#seatGroup"));
                tools.resetSelect($("#onHook"));
                tools.resetSelect($("#reCallFlag"));
                tools.resetSelect($("#callerloc"));
                tools.tableRefresh();
            })
        },
        resetSelect:function($obj){
            $obj.val("");
            $obj.trigger("chosen:updated");
        },
        refresh:function(){
            $("#refresh").on("click",function(){
                $("#myTable").bootstrapTable('refresh');
            })
        },
    };
    $(function () {
        resize.init();
        tools.init();
        var oTable = new TableInit();
        oTable.Init();


    })
</script>
</body>
</body>
</html>